<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>右侧内容区</title>
		<link rel="stylesheet" type="text/css" href="../../css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/welcome.css"/>
	</head>
	<body>
		<!-- 蓝色背景区域 -->
		<div class="wrap">
			<!-- 白色可用区域 -->
			<div class="canuse">
				<!-- 上半部分 -->
				<div class="content_up clear">
					<div class="section sec_01">
						<div class="sec_title">
							<img src="../../img/welcome/announcement.gif"/>新闻通知公告
							<span class="moreNews">更多></span>
						</div>
						<!-- 公告信息 -->
						<ul>
							<li>1. 智能存储系统又添加新功能了！<span class="hot">hot!</span><span class="newstime">2018-03-21</span></li>
							<li>2. 智能存储系统又添加新功能了！<span class="hot">hot!</span><span class="newstime">2018-03-20</span></li>
							<li>3. 智能存储系统又添加新功能了！<span class="hot">hot!</span><span class="newstime">2018-03-19</span></li>
							<li>4. 智能存储系统又添加新功能了！<span class="newstime">2018-03-18</span></li>
							<li>5. 智能存储系统又添加新功能了！<span class="newstime">2018-03-17</span></li>
							<li>6. 智能存储系统又添加新功能了！<span class="newstime">2018-03-16</span></li>
						</ul>
					</div>
					<div class="section sec_02">
						<div class="sec_title">
							<img src="../../img/welcome/schedule.gif"/>短消息
							<span class="moreNews">更多></span>
						</div>
						<ul>
							<li>1. 有一个申请单待您审批</li>
							<li>2. 有一个申请单待您审批</li>
							<li>3. 有一个申请单待您审批</li>
							<li>4. 有一个申请单待您审批</li>
							<li>5. 有一个申请单待您审批</li>
						</ul>
					</div>
					<div class="section sec_03">
						<div class="sec_title">
							<img src="../../img/welcome/weather.gif"/>时间天气
							<span class="moreNews">更多></span>
						</div>
						<!--<p class="weather"><iframe width="230" scrolling="no" height="25" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=34&icon=1&num=3"></iframe></p>-->
						<p class="datetime"></p>
					</div>
				</div>
				<!-- 下半部分 -->
				<div class="content_down clear">
					<div class="section sec_04">
						<div class="sec_title">
							<img src="../../img/welcome/message.gif"/>待办事项
							<span class="moreNews">更多></span>
						</div>
						<div class="sec_04_left">
							<h4>事项</h4>
							<ul>
								<li>工作日程<span>0</span></li>
								<li>待办任务<span>2</span></li>
								<li>待我审批<span>1</span></li>
								<li>待我开会<span>0</span></li>
							</ul>
						</div>
						<div class="sec_04_middle">
							<h4>消息</h4>
							<ul>
								<li>短消息<span>2</span></li>
								<li>待我阅读<span>0</span></li>							
							</ul>
						</div>
						<div class="sec_04_right">
							<h4>内容</h4>
							<ul>
								<li>工作内容<span>0</span></li>
							</ul>
						</div>
					</div>
					<div class="section sec_05">
						<div class="sec_title">
							<img src="../../img/welcome/approve.gif"/>待我审批
							<span class="moreNews">更多></span>
						</div>
						<ul>
							<li>1. 有一个入库单需要您尽快审批</li>
							<li>2. 有一个出库单需要您尽快审批</li>
							<li>3. 有一个入库单需要您尽快审批</li>
							<li>4. 有一个出库单需要您尽快审批</li>
							<li>5. 有一个入库单需要您尽快审批</li>
						</ul>
					</div>
					<div class="section sec_06">
						<div class="sec_title">
							其它事项
							<span class="moreNews">更多></span>
						</div>
						<ul>
							<li>1. 上传了新照片</li>
							<li>2. 上传了新文件</li>
						</ul>
					</div>
				</div>
			</div>
			
			<!-- 版尾  -->
			<div class="ending">
				Copyright© 2019-2020 磐基技术有限公司
			</div>
		</div>
	</body>
	<script src="../../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var h = document.documentElement.clientHeight;
		$(".wrap").css("height", h);
		
		
		window.onload=function(){
			//定时器每秒调用一次fnDate()
			setInterval(function(){
				fnDate();
			},1000);
		}
		//js 获取当前时间
		function fnDate(){
			var oDiv = document.querySelector(".datetime");
			var date = new Date();
			var year = date.getFullYear();//当前年份
			var month = date.getMonth();//当前月份
			var data = date.getDate();//天
//			var week = date.getDay();//星期
			var hours = date.getHours();//小时
			var minute  =date.getMinutes();//分
			var second = date.getSeconds();//秒
			
			var Week = ['日','一','二','三','四','五','六'];  
		    var week = ' 星期' + Week[date.getDay()]; 
			var time = year + "-" + fnW((month+1)) + "-" + fnW(data) + "　 " +　week +　" 　" + fnW(hours) + ":" + fnW(minute) + ":" + fnW(second);
			oDiv.innerText = time;
		}
		//补位：当某个字段不是两位数时补0
		function fnW(str){
			var num;
			str >= 10 ? num = str : num = "0" + str;
			return num;
		}
	</script>
</html>
